1
00:00:01,100 --> 00:00:03,470
Oh! buon lavoro per essere ancora lì.

2
00:00:03,500 --> 00:00:08,420
Da qui in poi diventa sempre più emozionante, stiamo solo grattando la superficie con la sua potenza

3
00:00:08,420 --> 00:00:10,650
arriva, essendo uno sviluppatore web.

4
00:00:10,970 --> 00:00:16,310
Ma voglio parlare rapidamente di HTML vs HTML5.

5
00:00:16,610 --> 00:00:23,550
Ho menzionato questo argomento alcune volte, ma l'ho semplicemente ignorato e ti ho detto, sì, questo è HTML

6
00:00:23,570 --> 00:00:24,960
Sì, questo è HTML5.

7
00:00:24,980 --> 00:00:33,290
Ma volevo solo fare una pausa e riepilogare rapidamente il concetto di base: cos'è HTML5?

8
00:00:33,290 --> 00:00:44,270
Se ricordate nel nostro diagramma, l'HTML, quando venne avviato per la prima volta tra il 1989 e il 1991, non era così elaborato.

9
00:00:44,270 --> 00:00:46,880
Non aveva così tante funzionalità come adesso.

10
00:00:46,880 --> 00:00:55,340
Vogliamo assicurarci che tutti questi browser funzionino bene e comprendano le nostre regole HTML.

11
00:00:55,490 --> 00:01:02,300
Quindi, se ricordi, il nostro amico Tim, il nostro primo sviluppatore web, il ragazzo che ha creato il world wide web, lo ha fatto

12
00:01:02,300 --> 00:01:09,380
un organo di governo, che stabilisce come dovrebbe apparire l'HTML, in modo che questi singoli browser lo sappiano

13
00:01:09,380 --> 00:01:12,850
come codificare il proprio browser, in modo che legga correttamente l'HTML.

14
00:01:12,930 --> 00:01:18,610
E ovviamente il web che avevamo negli anni '90 è molto diverso da quello che abbiamo adesso.

15
00:01:18,620 --> 00:01:25,860
Quindi ci sono molte cose nuove che dobbiamo aggiornare e alcune di queste cose lo sono.

16
00:01:26,360 --> 00:01:35,930
Sai che abbiamo telefoni e tablet e, nel complesso, abbiamo bisogno di più potenza dall'HTML.

17
00:01:35,930 --> 00:01:43,130
Quindi, HTML5 è stata l'evoluzione e ci sono molte evoluzioni di HTML, HTML5 è l'ultima

18
00:01:43,130 --> 00:01:51,230
uno, in cui proviamo ad aggiungere funzionalità in modo da poter migliorare l'esperienza dell'utente.

19
00:01:51,250 --> 00:01:53,650
Ora, quali sono alcune di queste funzionalità?

20
00:01:53,750 --> 00:02:00,630
Diamo una rapida occhiata al nostro buon vecchio amico, le scuole W3.

21
00:02:00,780 --> 00:02:06,960
Una delle cose che HTML5 vuole fare è che vogliamo assicurarci che ciò non influisca

22
00:02:07,110 --> 00:02:13,460
qualsiasi vecchio sito web, se ricordi il nostro primo sito web di Tim, forse nel 1991.

23
00:02:13,740 --> 00:02:18,720
Bene, funziona ancora oggi, l'abbiamo visitato nei video precedenti.

24
00:02:18,720 --> 00:02:24,420
È ancora possibile visitare i siti Web degli anni '90, perché vogliamo essere sicuri che tutto sia al contrario

25
00:02:24,450 --> 00:02:25,110
compatibile.

26
00:02:25,110 --> 00:02:28,880
Questo è un modo elegante per dire che le versioni precedenti non sono obsolete.

27
00:02:28,890 --> 00:02:35,390
Ma vogliamo soffermarci anche su queste funzionalità e potete leggere, sul sito Web, tutte le informazioni su HTML5

28
00:02:35,400 --> 00:02:41,880
e cosa fa e alcune delle cose che supporta e diventa un po' tecnico e

29
00:02:41,940 --> 00:02:43,860
non abbiamo bisogno di addentrarci troppo.

30
00:02:43,860 --> 00:02:51,630
Ma la cosa che voglio sottolineare è che ha introdotto questa idea di elementi semantici e cosa

31
00:02:51,630 --> 00:02:59,370
ciò significa che volevano rendere i siti Web più descrittivi, motori di ricerca come Google, andare sui siti Web

32
00:02:59,370 --> 00:03:03,570
e usano queste cose chiamate crawler per esplorare il tuo sito web.

33
00:03:03,600 --> 00:03:08,850
Queste macchine, che leggono il tuo HTML, per capire cos'è il tuo sito web?, di quale argomento si tratta

34
00:03:08,850 --> 00:03:17,370
è?, in modo che possano posizionarlo nei motori di ricerca e negli elementi semantici HTML5, prova ad aggiungerne un po'

35
00:03:17,370 --> 00:03:23,690
un po' più di significato per questi robot, così che quando incontrano qualcosa, ha un po' più senso.

36
00:03:23,700 --> 00:03:29,360
Quindi, questo è un esempio di alcuni di questi nuovi tag introdotti da HTML5.

37
00:03:29,430 --> 00:03:32,430
E ve ne mostriamo alcuni.

38
00:03:32,490 --> 00:03:38,410
Ad esempio, se volessimo dire che vogliamo commentare questo, sappiamo già come farlo.

39
00:03:38,610 --> 00:03:50,070
E un elemento semantico potrebbe assomigliare a "intestazione" dove abbiamo il titolo "h1" che è "Registro"

40
00:03:53,020 --> 00:03:59,290
e chiudiamo "/header" in modo che ora il crawler lo sappia, questa è la nostra intestazione e forse ne abbiamo qualche

41
00:03:59,950 --> 00:04:01,010
collegamenti "nav" di navigazione.

42
00:04:01,030 --> 00:04:12,130
Quindi ora possiamo avere i tag "a" con il nostro "href" e diremo semplicemente che si collega a Google e poi chiudiamo

43
00:04:12,130 --> 00:04:12,710
il "navigatore".

44
00:04:12,790 --> 00:04:18,430
Per ora abbiamo solo un collegamento di navigazione, ma volevo solo dimostrarlo rapidamente.

45
00:04:18,630 --> 00:04:32,670
E infine abbiamo un "piè di pagina", quindi all'interno del "piè di pagina" possiamo aggiungere qualcosa come "Sito web fatto con amore".

46
00:04:34,150 --> 00:04:41,410
e qui potete vedere che, anche per una macchina, se capisce cosa significa "intestazione" e "nav",

47
00:04:41,410 --> 00:04:48,580
e "piè di pagina" significa che dà molto più significato alla pagina web e avrà un'idea migliore di come il sito web

48
00:04:48,580 --> 00:04:55,030
è strutturato e dove si trova il loro posizionamento e i risultati di ricerca di Google. Puoi prenderti il tuo tempo e leggere

49
00:04:55,030 --> 00:04:56,580
attraverso alcuni di questi tag.

50
00:04:56,590 --> 00:05:03,250
E vi consiglio di visitare questo sito Web e leggere alcune delle introduzioni HTML

51
00:05:03,250 --> 00:05:08,830
vediamolo, se facciamo clic sui tipi di "input" o su qualcosa che abbiamo già visitato e scorriamo fino ad alcuni dei

52
00:05:08,830 --> 00:05:16,600
attributi, vedrai che ci sono alcuni nuovi HTML5, hanno queste piccole icone qui, che hanno

53
00:05:16,600 --> 00:05:23,130
stato introdotto, quindi ci espandiamo costantemente per rendere l'HTML sempre migliore.

54
00:05:23,140 --> 00:05:29,230
Puoi vedere qui 'min', ad esempio, lo usiamo per la password, se ricordi, specifica il valore minimo

55
00:05:29,230 --> 00:05:30,040
per un campo di input.

56
00:05:30,040 --> 00:05:40,840
Quindi, se imposto un 'min' qui, mi assicuro di inserire l'importo minimo del valore.

57
00:05:41,940 --> 00:05:43,840
Ma ancora una volta, puoi dargli un'occhiata tu stesso.

58
00:05:44,040 --> 00:05:48,880
Il problema con il web semantico è che è ancora abbastanza nuovo.

59
00:05:49,080 --> 00:06:01,090
Quindi non vedrete molto di questo su alcuni siti Web, ma è molto difficile dimostrare che sia effettivamente

60
00:06:01,090 --> 00:06:07,540
ha buone prestazioni SEO perché è ancora abbastanza presto, ma giusto per non farti sorprendere e lo sei

61
00:06:07,570 --> 00:06:10,310
consapevole di ciò che sta accadendo.

62
00:06:10,390 --> 00:06:18,000
È qualcosa che potresti incontrare, ma nel complesso HTML5 cerca di migliorare le prestazioni

63
00:06:18,000 --> 00:06:20,200
il web, perché siamo in continua evoluzione.

64
00:06:20,340 --> 00:06:29,160
E proprio come i siti Web, è necessario passare da un semplice sito Web basato su testo HTML a siti Web di grandi dimensioni come

65
00:06:29,190 --> 00:06:36,630
Twitter, che puoi postare e parlare con milioni di persone in tutto il mondo, dove abbiamo bisogno delle nostre tecnologie web

66
00:06:36,630 --> 00:06:39,220
per evolversi con noi.

67
00:06:39,230 --> 00:06:40,890
Ci vediamo alla prossima. Ciao ciao